<template>
	<view>
		<view class="demand">
			<view class="table">
				<u-form :model="form">
					<u-form-item label="询价项目:" border-bottom=false :labelWidth='80'>
						<u-input v-model="form.a1" border=false placeholder="请选择" type="select" />
						<image class="fun" src="../../static/fun.png" mode=""></image>
					</u-form-item>
					<u-form-item label="询价单位:" border-bottom=false :labelWidth='80'>
						<u-input v-model="form.a1" border=false placeholder="请选择" type="select" />
						<image class="fun" src="../../static/fun.png" mode=""></image>
					</u-form-item>
				</u-form>
			</view>

			<view class="btn">查询</view>
		</view>
		<view class="record">
			<view class="title">
				共<text class="nub">89</text>条记录
			</view>
			<view class="sheet">
				<view class="container">
					<view class="content">
						
						<view class="title">
							<text class="tag">项目</text>
							消防救援支队车辆维修和保养服务项目
							<text class="hint">已发送短信</text>
						</view>
						<image class="fun" src="../../static/fun.png" mode=""></image>
					</view>
					<view class="list">
						<text class="company">
							1.福建圣达洗车有限公司
						</text>
						<text class="sub">
							已提交
						</text>
						<text class="time">2022-10-21 12:03:11</text>
					</view>
					<view class="list">
						<text class="company">
							2.阳乐龙净集团有限公司
						</text>
						<text class="sub">
							未提交
						</text>
						<text class="time"></text>
					</view>
					<view class="list">
						<text class="company">
							3.福建圣达洗车有限公司
						</text>
						<text class="sub">
							已提交
						</text>
						<text class="time">2022-10-21 9:13:17</text>
					</view>
				</view>

				<view class="container">
					<view class="content">
						
						<view class="title">
							<text class="tag">项目</text>
							福建福能股份有限公司 第十届董事会第十次临时会议决议公告
							<text class="hint">已发送短信</text>
						</view>
						<image class="fun" src="../../static/fun.png" mode=""></image>
					</view>
					<view class="list">
						<text class="company">
							1.福建圣达洗车有限公司
						</text>
						<text class="sub">
							已提交
						</text>
						<text class="time">2022-10-21 12:03:11</text>
					</view>
					<view class="list">
						<text class="company">
							2.阳乐龙净集团有限公司
						</text>
						<text class="sub">
							未提交
						</text>
						<text class="time"></text>
					</view>
					<view class="list">
						<text class="company">
							3.福建圣达洗车有限公司
						</text>
						<text class="sub">
							已提交
						</text>
						<text class="time">2022-10-21 9:13:17</text>
					</view>
				</view>




			</view>

		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				form: {
					a1: ''
				}
			}
		},
		methods: {

		}
	}
</script>

<style lang="scss">
	page {
		background-color: #F5F5F5;

		.demand {
			.table {
				background-color: #fff;
				padding: 0 50rpx;

				.fun {
					width: 20rpx;
					height: 20rpx;
				}
			}


			.btn {
				width: 620rpx;
				height: 100rpx;
				background-image: linear-gradient(to right, #548EEB, #446FE0);
				// background-color: blue;
				text-align: center;
				line-height: 100rpx;
				margin: 5rpx auto;
				font-size: 34rpx;
				color: white;
				border-radius: 20rpx;
				margin-top: 10rpx;
			}
		}

		.record {

			.title {
				padding: 20rpx 50rpx;
				font-size: 30rpx;
			}

			.nub {
				color: #548EEB;
			}
		}

		.sheet {
			.container {
				padding: 10rpx 0;

				.content {
					font-size: 28rpx;
					background-color: #fff;
					border: 1px solid #E4E4E4;
					padding: 20rpx 30rpx;
					position: relative;
					.tag {
						color: #fff;
						font-size: 24rpx;
						background-image: linear-gradient(to right, #FF6226, #FF3F31);
						border-radius: 30% / 50%;
						padding: 4rpx 10rpx;
						text-align: top;
						display: inline-block;
						margin-right: 10rpx;
					}

					.title {
						font-weight: bold;
						display: inline-block;
						padding: 10rpx;
						width: 92%;
					}

					.fun {
						width: 20rpx;
						height: 20rpx;
						position: absolute;
						right: 50rpx;
						top: 48rpx;
						
						// background-color: #FF3F31;

					}

					.hint {
						display: inline-block;
						font-size: 24rpx;
						background-color: #FFECEA;
						color: #986E65;
						padding: 10rpx 20rpx;
						margin-left: 15%;
					}
				}

				.list {
					background-color: #fff;
					padding: 30rpx 20rpx;
					border-bottom: 1px solid #E4E4E4;
					font-size: 26rpx;
				}

				.company {
					padding-right: 40rpx;
				}

				.sub {
					padding-right: 40rpx;
				}

				.time {
					color: #919191;
				}
			}

		}
	}
</style>
